<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情</title>
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <script>
        var iScale = 1;
        iScale = iScale / window.devicePixelRatio;
        document.write('<meta name="viewport" content="width=device-width,user-scalable=no,' +
                'initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">');
    </script>
</head>
<body style="background: #F2F2F2">
<header data-am-widget="header" class="am-header am-header-default sq-head ">

    <h1 class="am-header-title">
        <a href="" class="">详情</a>
    </h1>
</header>
<div style="height: 2rem"></div>

<div id="xq-text">
<div class="left">
    <img src="img/wan.png" alt="">
</div>
<div class="right">
   <p class="title">形式与政策</p>
   <p class="title title-z">作者：沈佳柯</p>
   <p class="title title-z">分类：政治</p>
    <p class="conner"></p>
    <div class="submit-text">
        <a href="index.html">
         <p class="two">开始阅读</p>
        </a>
    </div>

</div>
</div>
<div id="jj-text">
    <p class="title">
        图书简介
    </p>
    <p class="nr">
        依据中宣部、教育部下发的“高校形势与政策教育教学要点”，结合当前国际国内形势以及高等教育改革形势和大学生成长的特点而编写。在介绍当前国内外经济政治形势、国际关系以及国内外热点事件的基础上，阐明了我国政府的基本原则、基本立场与应对政策。采用专题式的编写方法，涉及国际和国内时政热点12个专题。努力体现权威性、前沿性，注重理论与实际的结合、历史与现实的结合、稳定性与变动性的结合、
    </p>
</div>
<div class="talk">
    <p class="title">评论</p>
    <p class="more" >查看更多</p>
   <div class="pl">
       <ul>
           <li>
               <div class="r-r">
                   <p class="name">马化腾</p>
                   <p class="data">2017-12-12 21:45:45</p>
                   <p class="contnet">我有QQ我怕谁</p>
               </div>
           </li>
           <li>
               <div class="r-r">
                   <p class="name">李彦宏</p>
                   <p class="data">2017-12-12 21:45:45</p>
                   <p class="contnet">我有百度我怕谁</p>
               </div>
           </li>
           <li>
               <div class="r-r">
                   <p class="name">马云</p>
                   <p class="data">2017-12-12 21:45:45</p>
                   <p class="contnet">我想说：在坐的都是垃圾</p>
               </div>
           </li>
       </ul>
      <div class="p-post" style="">
          <input style="" placeholder="评论" type="text">
          <input style="float: right;border-radius: 5px;outline: none;border: none;background: #16a9ff;color: white" type="button" value="提交">
      </div>
   </div>
</div>
<div id="like-book">
    <p>相似书籍</p>
    <div class="like-book">
        <img src="img/wan.png" alt="">
        <img src="img/xingzheng.png" alt="">
        <img src="img/guyun.png" alt="">
    </div>
</div>

<div style="height: 2rem"></div>
<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default sq-foot am-no-layout" id="">
    <ul class="am-navbar-nav am-cf am-avg-sm-4">
        <li>
            <a href="新书.html" class="curr">
                <span><img src="img/q2.png"/></span>

            </a>
        </li>
        <li>
            <a href="阅读足迹.html" class="">
                <span><img src="img/w1.png"/></span>
            </a>
        </li>

        <li>
            <a href="书库.html" class="">
                <span><img src="img/e1.png"/></span>
            </a>
        </li>

    </ul>
</div>

</body>
<script>
    $(function(){

        //动态更新fontsize
        var width = $(document).width();
        var size = width/16;
        console.log(size);
        $('html').css('fontSize',size+'px');

    })
</script>
</html>